<?php
/* 
 * semua data diinisialisasi disini
 * agar 1 form ini bisa digunakan untuk tambah dan edit data
 * aturan dari {name} dari field form adalah data[nama_field_database]
 * misal : dalam table jenis peserta ada field nama
 * untuk membuat name dari field form tsb, {name} nya adalah data[nama]
 * proses simpan data menggunakan ajax jquery (bisa dilihat dokumentasinya di jquery)
 * form validationnya menggunakan jquery validation engine (bisa dilihat di google)
 */
 
$id=0;
$nama="";
foreach($jns_peserta->result_array() as $row){
	$id = $row['id'];
	$nama = $row['nama'];
}
?>
<div class="grid_4">
<div class="error" style="display:none">Error</div>
<form id="form" action="<?php echo base_url()."admin/jenis_peserta/form/".$id?>" class="styled">	

	<label for="name">Jenis Peserta</label>
	<input id="name" class="textbox validate[required]" type="text" name="data[nama]" id="name" value="<?php echo $nama?>"  />
	
	<input type="submit" value="SIMPAN" class="right button" />
	
</form>
</div>

<script>
$("#form").validationEngine();

$("#form").submit(function(){
	if($(this).validationEngine('validate')){
		var formInput = $(this).serialize();
		
		$.ajax({
			url: $(this).attr('action'),
			data: formInput,
			beforeSend : function(){
				$.fancybox.showActivity();
				$(".error").hide();
			},
			success: function(respon){
				var obj = jQuery.parseJSON(respon);
				if(obj.status == 'success'){
					window.location = "<?php echo base_url()?>"+obj.url;
				}else{
					$(".error").text("Data gagal disimpan...");
					$(".error").fadeIn(1000);
				}
				
				$.fancybox.hideActivity();
			},
			type: "POST"
		});
	}
	return false;
});
</script>